<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			.Conter{
				
				width: 1200px;
				height: 500px;
				margin: 0px auto;
				margin-left: 254px;
			}
			.right{
				
				width:240px;
				height: 500px;
				float: left;
				background: url(img/customer.jpg)  no-repeat  ;
				background-size:240px 500px ;
			}
			.light{
				
				width:940px;
				height: 500px;
				float: right;
			}
			h1{
				margin-left:30px ;
				padding-top: 45px;
			}
			.light a{
				text-decoration: none;
				color: black;
			}
			.light a:hover{
				color: orangered;
			}
				.center {
				width: 260px;
				height: 300px;
				margin-top: 180px;
				line-height: 40px;
			}
			
			.center ul {
				list-style: none;
			}
			
			.center1{
			
				display: none;/*将 二级 菜单隐藏起来*/
			
			}
			
			.center ul li:hover ul{
			
				display: block;/*当鼠标移动到一级标签后，ul即二级菜单显示出来*/
			
			}
		
		</style>
	</head>
	<body>
		<iframe src="HomePage.html" frameborder="0" width="1000px" scrolling="No" height="130px"  style="margin-left: 240px;"></iframe>
		<div class="Conter">
			<div class="right">
				<div class="center">
					<ul>
						<li>
							<a href="#"><img src="img/reg.jpg"/></a>
							<ul class="center1">
								<li><a href="#"><img src="img/register.gif" /></a></li>
							</ul>
						</li>
						<li>
							<a href="#"><img src="img/person.jpg" /></a>
							<ul class="center1">
								<li><a href="#"><img src="img/register.gif" /></a></li>
							</ul>
						</li>
						<li>
							<a href="#"><img src="img/buy.jpg" /></a>
							<ul class="center1">
								<li><a href="#"><img src="img/register.gif" /></a></li>
							</ul>
						</li>
						<li>
							<a href="#"><img src="img/sale.jpg" /></a>
							<ul class="center1">
								<li><a href="#"><img src="img/register.gif" /></a></li>
							</ul>
						</li>
					</ul>
				</div>
			</div>
			<div class="light">
				<h1>知识堂首页>>注册&认证</h1>
				<img src="img/reg_line.jpg" style="width:940px;" />
				<h3>享受贵美网上交易乐趣，并且在超人气的社区尽情交流您的网上购物经验，您需要先注册为贵美
					的会员，具体操作步骤如下:</h3>
				<img src="img/reg_step.jpg" style="width:500px;"/>
				<br/>
				
				<p><a href="#">▶如何激活会员名</a></p>
				<p></p><a href="#">▶如何注册贵美会员</a></p>
				<p><a href="#">▶注册是密码有什么要求</a></p>
				<p><a href="#">▶贵美认证</a></p>
				<p><a href="#">▶为什么验证码是对的，缺提示输入错误</a></p>
			</div>
		</div>
		<iframe src="Footer.html" frameborder="0" width="1000px" scrolling="No" height="300px"  style="margin-left: 240px;"></iframe>
	</body>
</html>
